<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Научный логистический центр</title>
    <link rel="stylesheet" href="grid.css">
    <link href="Image/favicon.jpg" rel="shortcut icon" type="image/jpg">
</head>
<body>
<div id="container">
<div class="header">
    <div class="logo">
        <div><h3>Научный логистический центр</h3></div>
        <div><p>Scientific logistics center</p></div>
    </div>
    <div class="menu">
        <!--        <a href=""><div>Главная</div></a>-->
        <!--        <a href=""><div>Проекты и решения</div></a>-->
        <!--        <a href=""><div>Партнеры</div></a>-->
        <!--        <a href=""><div>Контакты</div></a>-->
        <a href="#">Главная</a>
        <a href="#">Проекты и решения</a>
        <a href="#">Партнеры</a>
        <a href="#">Контакты</a>
    </div>
    <div class="blockButtons">
        <form action="#">
            <input type="image" src="Image/search.svg" id="btnSearch">
            <input type="button" value="Личный кабинет" class="btnLK">
            <input type="image" src="Image/Eng.svg" class="btnLang">
        </form>
    </div>
</div>
<div class="preview">
    <div class="title">Научный логистический центр</div>
    <div class="desc">
        <div class="boxItems100">
            <p class="numberBox">100</p>
            <p>выполненых проектов</p>
        </div>
        <div class="boxItems7">
            <p class="numberBox">7</p>
            <p>постоянных партнёров</p>
        </div>
        <div class="boxItems15">
            <p class="numberBox">15</p>
            <p>готовых решений проблем логистики</p>
        </div>
    </div>
</div>
<div class="boxImg">
    <div class="imgRzd">
        <div class="imgText"><a href="#">Железнодорожные перевозки</a></div>
    </div>
    <div class="imgAvia">
        <div class="imgText"><a href="#">Воздушные перевозки</a></div>
    </div>
    <div class="imgAuto">
        <div class="imgText"><a href="#">Автомобильные перевозки</a></div>
    </div>
    <div class="imgSaved">
        <div class="imgText"><a href="#">Хренение груза</a></div>
    </div>
    <div class="imgSea">
        <div class="imgText"><a href="#">Морские перевозки</a></div>
    </div>
</div>
<div class="separator">

</div>
<div class="callback">
    <div class="callText">
        <h2>Свяжитесь с нами</h2>
        <p>
            Готовы начать работу?<br>
            Отправьте сообщение и свои контакты, мы ответим вам в течении 2-ух дней. Схема работы с каждым клиентом будет разработана индивидуально в зависимости от поставленных задач.
        </p>
    </div>
    <div class="callForm">
        <form action="">
            <input type="text" placeholder="Ваше имя:" id="name"><input type="text" placeholder="Ваша фамилия:" id="lastname"><br>
            <input type="email" placeholder="E-mail:" id="emailForm"><br>
            <textarea name="" id="" rows="5" placeholder="Введите ваше сообщение"></textarea>
            <div class="sendButton"><p>Наши специалисты свяжутся с вами как можно скорее</p><input type="submit" value="Отправить"></div>
        </form>
    </div>
</div>
<footer>
    <div class="footerBG"></div>
    <div class="footerContainer">
        <div class="footerInfo">
            <h2>ООО &laquo;Научный логистический центр&raquo;</h2>
            <p class="footerTel"><a href="tel:+74998008088">+7 (499) 800-80-88</a></p>
            <p class="footerEmail"><a href="mailto:info@nlc.ru">info@nlc.ru</a></p>
            <p class="footerCallBack"><a href="#">обратная связь</a></p>
        </div>
        <div class="footerMenu">
            <h2>Меню</h2>
            <div class="footerMenuUl">
                <ul>
                    <li><a href="#">Главная</a></li>
                    <li><a href="#">Проекты и решения</a></li>
                    <li><a href="#">Контакты</a></li>
                    <li><a href="#">Партнеры</a></li>
                </ul>
                <ul>
                    <li><a href="#">Личный кабинет</a></li>
                    <li><a href="#">Карта сайта</a></li>
                    <li><a href="#">Политика конфиденциальности</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
</div>
</body>
</html>
